<?php
/*
Template Name: 成员墙
*/
?>
<?php get_header(); ?>
<div class="container">
	<div class="menber-wall-info">请注意，本页面仅支持Linux下之Firefox、Chrome浏览器，对Windows下之360、IE，OS X下之Safari皆不能进行很好支持。</div>
	<div class="member-wall modal-content-hack">
		<!--前三个是示例，修改-->
		<a href="#" data-toggle="popover" data-trigger="focus" title="saro(qq15553894874)" data-content=""><img src="<?php bloginfo('template_url'); ?>/images/member/saro.gif"></a>
		<a href="#" data-toggle="popover" data-trigger="focus" title="yexiaoxing" data-content="叶晓星，是本站第二任站长和创始人之一。<a href='http://mirror.pcbeta.com/' target='_blank'>安同开源社区（AOSC）</a>网络负责人，<a href='http://anthonos.org/' target='_blank'>远景开源镜像</a>维护者"><img src="<?php bloginfo('template_url'); ?>/images/member/yexiaoxing.jpg"></a>
		<a href="#" data-toggle="popover" data-trigger="focus" title="小鸡" data-content="Debian GNU/Linux的粉丝，上学期间酷爱折腾linux，现已隐退。"><img src="<?php bloginfo('template_url'); ?>/images/member/xiaoji.jpg"></a>
		<a href="#" data-toggle="popover" data-trigger="focus" title="min梦梦" data-content="自由职业者，常去各种社区，研究各种领域，各种兴趣，基本没特长。贴吧ID min梦梦"><img src="<?php bloginfo('template_url'); ?>/images/member/meng.jpg"></a>
		<a href="#" data-toggle="popover" data-trigger="focus" title="吾乃老w" data-content="Linukso吧主，基佬一枚。"><img src="<?php bloginfo('template_url'); ?>/images/member/w.jpg"></a>
		<a href="#" data-toggle="popover" data-trigger="focus" title="自在飞鱼" data-content="工作服务器运维，负责本站服务器端的维护。"><img src="<?php bloginfo('template_url'); ?>/images/member/zizaifeiyu.jpg"></a>
		<a href="#" data-toggle="popover" data-trigger="focus" title="信哥" data-content="过去是坚定的StartOS(已暂停开发)支持者并为其打了不少游戏包，也是本站第一位赞助人。"><img src="<?php bloginfo('template_url'); ?>/images/member/xinge.jpg"></a>
		<a href="#" data-toggle="popover" data-trigger="focus" title="ak64th" data-content="ak是python、jquery等方面的高手，在本站程序维护上做过很多贡献。"><img src="<?php bloginfo('template_url'); ?>/images/member/ak64th.jpg"></a>
		
	</div>
</div>
<style>
.modal-content-hack {
	position: relative;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #999;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 2px;
	outline: 0;
}
.menber-wall-info {
	text-align: center;
}
.member-wall {
	width: 406px;
	height: auto;
	margin: auto;
}
.member-wall img {
	width: 64px;
	height: 64px;
}
.popover.bottom {
	margin-top: 28px;
}
</style>
<script>
$(function () {
	$('[data-toggle="popover"]').popover({
		placement : 'auto',
		html: true,
	})
});
</script>
<?php get_footer(); ?>
